<template>
	<view class="info_con">
		<view class="banner">
			<image src="/static/images/evaluationBanner.png" style="width:100%;height:100%"></image>
		</view>
		<view class="content">
			<view class="user_Info" v-if="isResult">
				<view class="img">
					<image src="/static/images/sucess.png" style="width:100%;height:100%"></image>
				</view>
				<view class="text">预约成功</view>
				<view class="des">预约提示：您好，您已预约成功，无需取号。请于就诊当日提前15分钟到</view>
			</view>
			<view class="user_Info" v-else>
				<view class="img">
					<image src="/static/images/error.png" style="width:100%;height:100%"></image>
				</view>
				<view class="text">预约失败</view>
				<view class="des">预约提示：您好，您预约失败，请查看具体医生时间段</view>
			</view>
			<view class="jz_info">
				<view class="title">预约信息</view>
				<view class="list">
					<view class="left">就诊时间</view>
					<view class="right">2025-09-01 周一下14:00-15:00</view>
				</view>
				<view class="list">
					<view class="left">就诊人</view>
					<view class="right">旺达 18226608058</view>
				</view>
				<view class="list">
					<view class="left">挂号费</view>
					<view class="right">¥25(到诊所付)</view>
				</view>
				<view class="list noList">
					<view class="left">就诊医生</view>
					<view class="right">王瑞</view>
				</view>
			</view>
		</view>
	
	</view>
</template>

<script>
	export default{
		data(){
			return{
				isResult:1,
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	.info_con{
		width:100%;
		height:100%;
		position: absolute;
		background: #F8F8F8;
		font-family: PingFang SC, PingFang SC;
		.banner{
			width:100%;
			height:425rpx;
		}
		.content{
			position: absolute;
			top:20rpx;
			width:100%;
			padding: 30rpx;
			.user_Info{
				background: #FFFFFF;
				border-radius: 15rpx;
				margin-bottom: 20rpx;
				padding: 35rpx 31rpx;
				.img{
					width:146rpx;
					height:146rpx;
					border-radius: 50%;
					
					margin:0 auto 30rpx;
				}
				.text{
					width:100%;
					text-align: center;
					font-weight: 600;
					font-size: 32rpx;
					color: #000000;
					margin-bottom: 37rpx;
				}
				.des{
					font-weight: 400;
					font-size: 30rpx;
					color: #7D2527;
				}
			}
			.jz_info{
				background: #FFFFFF;
				border-radius: 15rpx;
				padding: 28rpx 31rpx;
				.title{
					font-weight: 600;
					font-size: 34rpx;
					margin-bottom: 16rpx;
				}
				.list{
					padding: 29rpx 0;
					display: flex;
					align-items: center;
					justify-content: space-between;
					border-bottom: 1rpx solid #E4E4E4;
					font-weight: 400;
					font-size: 30rpx;
					.left{
						span{
							color: #7D2527;
						}
					}
				
				}
				.noList{
					border:none;
				}
			}
		}
		
	}
</style>